<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>服务消息</title>
   <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
   <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
   <link rel="stylesheet" href="../../assets/css/sn-user.css">
</head>
<style>
   .content-warp span {
      line-height: 28px;
      height: 28px;
   }

   .content-warp {
      padding: 20px 20px 0 0;
   }

   .content-warp .header {
      margin-bottom: 20px;
   }

   .col-date {
      width: 150px
   }

   .col-file-head {
      width: 150px;
   }

   .col-file-amount {
      width: 100px;
   }

   .col-file-type {
      width: 150px;
   }

   .col-tracking-number {
      width: 150px;
   }

   .col-status {
      width: 80px;
   }



   .col-operations {
      width: 80px;
   }

   .oper-div .isdefault {
      width: 110px;
      display: inline-block;
      zoom: 1;
      margin: 0 10px 0 10px;
   }

   .oper-div a {
      margin: 0 2px;
   }
</style>

<body class="sn-bg">
   <div class="sn-container">
      <div class="topbar-box">
         <div class="layout">
            <div class=" logo-box sn-clr">
               <div class="img-warp">
                  <img src="../../assets/img/sn-logo-mini.png" alt="">
               </div>
               <span class="title">我的云商操作台</span>
            </div>
            <div class="nav-box ">
               <ul class="nav-list sn-clr">
                  <li class="nav-item active">
                     <a href="#">首页</a>
                  </li>
                  <li class="nav-item">
                     <a href="#">交易</a>
                  </li>
                  <li class="nav-item">
                     <a href="#">售后</a>
                  </li>
                  <li class="nav-item">
                     <a href="#">账户</a>
                  </li>
                  <li class="nav-item">
                     <a href="#">消息</a>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="control-wrap sn-clr">
         <div class="layout">
            <div class="control-layout-left">
               <div class="menu-wrap">
                  <div class="context quickentry">
                     <span class="nav-title"> 消息</span>
                     <ul class="">
                        <li class="item selected">
                           <a href="./account-info.html">服务消息</a>
                        </li>
                        <li class="item">
                           <a href="./wallet.html">活动消息</a>
                        </li>
                        <li class="item ">
                           <a href="./address.html">系统消息</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <style>
               .msg-num {
                  margin-left: 10px;
                  font-size: 13px;
                  color: #949494;
               }

               .msg-list {
                  margin-bottom: 50px;
               }

               .msg-list li {
                  padding: 10px 0px 20px 30px;
                  border-bottom: 1px solid #ddd;
                  font-size: 13px;
               }

               .msg-list li h3 {
                  font-weight: 600;
                  margin-bottom: 10px;
               }
            </style>
            <div class="control-content">
               <div class="info-title">
                  服务消息<span class="msg-num">共35条</span>
               </div>
               <div class="msg-list">
                  <ul>
                     <li>
                        <h3>激想订单：您购买的商品有新的动态</h3>
                        <div class="">亲爱的顾客，您好：您的订单83921391421已发货，（物流公司：宅急送；运单号：121064847937）。
                        </div>
                     </li>
                     <li>
                        <h3>激想订单：您购买的商品有新的动态</h3>
                        <div class="">亲爱的顾客，您好：您的订单83921391421已发货，（物流公司：宅急送；运单号：121064847937）。
                        </div>
                     </li>
                  </ul>

               </div>
            </div>
         </div>
      </div>
      <script src="../../assets/build/sportjx.js"></script>
      <script src="../../assets/build/mainsite.js"></script>

</body>

</html>